<template>
	<view class="management">
		<statusBar />
		<!-- 设置 -->
		<view class="nav" @tap="leftIndex">
			<image src="../../static/setup/jiantou.png" mode=""></image>
			<view>管理</view>
		</view>
		<view class="header">
			<!-- 今日预计收入 -->
			<view>
				<view>
					<view>
						<view>0.00</view>
						<view>今日预计收入</view>
					</view>
					<view>
						<view>
							<view>0</view>
							<view>今日有效订单</view>
						</view>
						<view><image src="../../static/management/jiantou.png" mode=""></image></view>
					</view>
				</view>

				<!-- 商品 -->
				<view>
					<view class="evaluation" @tap="shelves">
						<view><image src="../../static/management/zu9.png" mode=""></image></view>
						<view>商品</view>
					</view>
					<view class="evaluation">
						<view><image src="../../static/management/zu5.png" mode=""></image></view>
						<view>钱包</view>
					</view>
					<view class="evaluation">
						<view><image src="../../static/management/zu8.png" mode=""></image></view>
						<view>评价</view>
					</view>
					<view class="evaluation" @tap="According">
						<view><image src="../../static/management/zu7.png" mode=""></image></view>
						<view>数据</view>
					</view>
				</view>
			</view>

			<!-- 2 -->
			<view><view></view></view>
		</view>
		<!-- 营销工具 -->
		<view class="Marketing">
			<view>营销工具</view>

			<!-- 营销中心 -->
			<view>
				<view>
					<view>
						<view><image src="../../static/management/tu3.png" mode=""></image></view>
						<view>
							<view>营销中心</view>
							<view>创建活动促进下单</view>
						</view>
					</view>
					<!-- 2 -->
					<view></view>

					<!-- 3 -->
					<view>
						<view>
							进行中
							<text>7</text>
						</view>
						<view><image src="../../static/setup/jiantou2.png" mode=""></image></view>
					</view>
				</view>

				<!-- 4 -->
				<view>
					<view class="promotion ">
						<view><image src="../../static/management/tu4.png" mode=""></image></view>
						<view>
							<view>店铺推广码</view>
							<view>获取更多顾客</view>
						</view>
					</view>
					<view class="promotion">
						<view><image src="../../static/management/tu5.png" mode=""></image></view>
						<view>
							<view>快餐码</view>
							<view>提供快速点餐</view>
						</view>
					</view>
				</view>
			</view>
			<!-- 实用工具 -->
			<view class="utility">实用工具</view>
			<!-- 堂食订单 -->
			<view class="orders"> 
				<view>
					<view><image src="../../static/management/1.png" mode=""></image></view>
					<view>堂食订单</view>
				</view>
				<view>
					<view><image src="../../static/management/2.png" mode=""></image></view>
					<view>收银订单</view>
				</view>
				<view>
					<view><image src="../../static/management/3.png" mode=""></image></view>
					<view>快捷订单</view>
				</view>
				<view>
					<view><image src="../../static/management/4.png" mode=""></image></view>
					<view>预约订单</view>
				</view>
				<view>
					<view><image src="../../static/management/8.png" mode=""></image></view>
					<view>排号订单</view>
				</view>
				<view>
					<view><image src="../../static/management/7.png" mode=""></image></view>
					<view>商品管理</view>
				</view>
				<view>
					<view><image src="../../static/management/6.png" mode=""></image></view>
					<view>餐桌管理</view>
				</view>
				<view>
					<view><image src="../../static/management/5.png" mode=""></image></view>
					<view>桌位管理</view>
				</view>
				<view>
					<view><image src="../../static/management/9.png" mode=""></image></view>
					<view>资讯中心</view>
				</view>
				<view>
					<view><image src="../../static/management/tu.png" mode=""></image></view>
					<view>店铺装修</view>
				</view>
				<view>
					<view><image src="../../static/management/tu1.png" mode=""></image></view>
					<view>广告管理</view>
				</view>
				<view>
					<view><image src="../../static/management/tu2.png" mode=""></image></view>
					<view>WIFI</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import { mapActions, mapState } from 'vuex';
import { toast } from '@/utils/toast';
import request from '@/utils/request';
import statusBar from '../../components/statusBar/statusBar.vue';
export default {
	data() {
		return {};
	},
	components: {
		statusBar
	},
	methods: {
		leftIndex() {
			uni.navigateBack({
				delta: 1
			});
		},
		// 跳转数据
		According(){
			uni.navigateTo({
				url:"/pages/Management/According"
			})
		},
		shelves(){
			uni.navigateTo({
				url:"/pages/Management/shelves"
			})
		}
	}
};
</script>
<style lang="scss" scoped>
@import './scss/management.scss';
</style>
